<script setup>
import { ref } from 'vue';

// 自定义组件的数据
const testData = ref(0);

// 自定义组件的函数
const testFn = () => {
  console.log(testData.value > 3 ? '大于3' : '小于等于3');
};

// 通过 defineExpose 对外暴露属性
defineExpose({ testData, testFn });
</script>

<template>
  <div>我是一个自定义组件{{ testData }}</div>
  <button @click="testData++">+1</button>
</template>
